<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象</title>
</head>

<body>
    <!-- 
        1. 什么是对象？
            多个数据的封装体
            用来保存多个数据的容器
            一个对象代表现实中的一个事物
        2. 为什么要用对象？
            统一管理多个数据
        3. 对象的组成
            属性： 由属性名（字符串）和属性值（任意值）组成
            方法： 一种特别的属性（可以理解为能动的属性）（属性值是函数）
        4. 如何访问对象内部数据？
            对象名加点加属性名来得到属性值 -- 编码简单，但有时不能用
            对象名['属性名']            -- 编码麻烦，但是通用
                必须用这种方式的情况：
                    1.属性名包含特殊字符： '-' 空格
                    2. 属性名不确定
     -->
    <script>
        let obj1 = {
            name: 'Beauty',
            age: 21,
            setName: function (name) {
                this.name = name
            },
            setAge: function (age) {
                this.age = age
            }
        }
        // 调用setName方法
        obj1.setName('Little Beauty')
        // 使用 对象['属性名']的方式调用
        obj1['setName']('Little Beauty')
        // 只能使用 对象名['属性名']的情况
        let obj2 = {
            'content-type': 'json'
        }
        // 不能直接加点进行调用
        // obj2.content-type = 1
        // 可以使用第二种方式进行调用
        obj2['content-type'] = 'xml'


    </script>
</body>

</html>